<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>一元运购-充值</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no"/> 
<link rel="stylesheet" type="text/css" href="style/main.css">
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/TouchSlide.1.1.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.2.1.1.js"></script>
<script type="text/javascript" src="js/main.js"></script>
</head>
<body>
	<div class="header loginhead">
		<div class="nav">
		    <div class="search return"><a href="javascript:history.go(-1);"></a></div>
		    <div class="title">充值</div>
		    <div id="screenIfmNav" class="screenIfm" onclick="$('#sub-title').toggle();$(this).hide();"></div>
		</div>
	</div>
	<div class="container">
		<div class="recharge">
			<div class="tabbox">
				<div class="top">
					<div class="tab current"><a href="javascript:"><span>网银充值</span></a></div>
					<div class="tab"><a href="javascript:"><span>充值卡充值</span></a></div>
					<div class="clear"></div>
				</div>
			</div>
			<div class="tabtips">
				
				<div class="tips">
					<span>您当前余额：￥0.00</span>
					<ul>
						<li class="selected">50元</li>
						<li>100元</li>
						<li>200元</li>
						<li>500元</li>
						<li>1000元</li>
						<li>
							<div class="input_txt">
								<input type="text" name="amount" id="50">
							</div>
						</li>
						<script type="text/javascript">
							$(function(){
								$('.tips li').each(function(n){
									$(this).click(function(){
										$('.tips li').removeClass('selected').eq(n).addClass('selected');
										if(n!=5){
											var	money =parseInt($(this).text());
											$('.paytype .money').text('￥'+money+'.00');
										}

										
									})
								})
								$('.tips li input').bind('input propertychange', function() { 
									var money;
									if($(this).val()!=''){
										 money  = parseInt($(this).val());
									} else{
										money =0;
									}
									$('.paytype .money').text('￥'+money+'.00'); 
								}); 
							})
						</script>
					</ul>
					<div class="clear"></div>
				</div>
				<div class="paytype r_pay" style="margin-bottom:2rem;">
					<ul>
						<li>
							
							<div class="checkbox">
								<p>需支付：<i class="money">￥50.00</i></p>
							</div>
							<p>网银支付</p>
						</li>
						<li>

							<div class="checkbox">
								<input type="radio" name="payway" value="1" id="ty3">
								<label for="ty3"></label>
							</div>
							<img src="images/icon_pay_wangyin.png" alt="">
							<div class="clear"></div>
							<label for="ty3"></label>
						</li>
						<li>
							
							<div class="checkbox">
								<input type="radio" name="payway" value="1" id="ty4">
								<label for="ty4"></label>
							</div>
							<img src="images/icon_pay_unionpay.png" alt="">
							<div class="clear"></div>
							<label for="ty4"></label>
						</li>
						<li>
							
							<div class="checkbox">
								<input type="radio" name="payway" value="1" id="ty5">
								<label for="ty5"></label>
							</div>
							<img src="images/icon_pay_weixin.png" alt="">
							<div class="clear"></div>
							<label for="ty5"></label>
						</li>
					</ul>
				</div>
				<div class="paybtn">
					<a href="javascript:">
						确认充值
					</a>
				</div>
				<div class="warn">
					<p>温馨提示:</p>
					<p>高峰时期可能会稍微延迟到账，如长时间未到账可联系官方客服400-588-688</p>
				</div>
			</div>
			<div class="tabtips"  style="display:none;">
				<div class="tips">
					<span>请前往一元运购官方淘宝店购买充值卡进行充值，<a href="JavaScript：">立即购买>></a></span>
				</div>
				<div class="re_warpper">
					<div class="chargebox">
						<span>充值卡号</span>
						<input id="txtCard" placeholder="请输入12位纯数字卡号" maxlength="14">
						<i class="clear_icon"></i>
					</div>
					<div class="chargebox">
						<span>充值卡密</span>
						<input id="txtPwd" placeholder="请输入8位充值卡密码" maxlength="8">
						<i class="clear_icon"></i>
					</div>
					<script type="text/javascript">

						$(function(){
							$('.chargebox input').bind("input propertychange",function(){

								if($(this).val()!=''){
									$(this).next('.clear_icon').show();
								}else{
									$(this).next('.clear_icon').hide();
								}
							 
							});
							$('.clear_icon').click(function(){
								$(this).prev('.chargebox input').val('');
								$(this).hide();
							})
						});
		
					</script>
				</div>

				<div class="paybtn">
					<a href="javascript:">
						确认充值
					</a>
				</div>
				<div class="warn">
					<p>温馨提示:</p>
					<p>高峰时期可能会稍微延迟到账，如长时间未到账可联系官方客服400-588-688</p>
				</div>
			</div>
			<script type="text/javascript">
				$(function(){
					$('.tabbox .tab').each(function(n){

						$(this).click(function(){
							$('.tabbox .tab ').removeClass('current').eq(n).addClass('current');
							$('.tabtips').hide().eq(n).show();
						})
					})
				})
			</script>
		</div>
		
	</div>
	
</body>
</html>